<template>
  <div id="cluster">
    <el-container>
      <el-main>
        <!-- 主节点信息 -->

        <!-- 从节点信息 -->
        <el-table
          :data="tableData"
          style="width: 100%">
          <el-table-column prop="host" label="host" width="180"></el-table-column>
          <el-table-column prop="name" label="displayName" width="180"></el-table-column>
          <el-table-column prop="port" label="端口"></el-table-column>
          <el-table-column label="操作"><a>删除</a><a>修改</a></el-table-column>

          <!-- 运行情况展示此节点的机器环境信息Java版本内存 在运行的job process等 -->
          <el-table-column label="运行情况"><a>查看</a></el-table-column>
        </el-table>
      </el-main>
    </el-container>
  </div>
</template> 

<script>
export default {
  name: "task",
  data() {
    return {
      tableData: [{
        host: '192.168.0.121',
        name: '节点1',
        port: '9876'
      }, {
        host: '192.168.0.122',
        name: '节点2',
        port: '9876'
      }, {
        host: '192.168.0.123',
        name: '节点3',
        port: '9876'
      }, {
        date: '192.168.0.124',
        name: '节点4',
        port: '9876'
      }]
    };
  }
};
</script>

<style>

</style>